<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>


    <script>
        // 要求:
            // 定义变量 ,记录时分秒 (两位数)
                // 小时 ,分钟 ,秒钟
                // 00   00     00
                // 59   59     59
            // 格式化时间: 
                // 15:28:22
                // 11:05:01
                // 02:05:01

            // 变量: 是可以变化的值.
            // 如果值改变了,依旧保持两位数时间
            var hour = 2, 
            minute= 15 , 
            second= 1 ;

            //  编码:
            // 指定了时间的范围: 
            //  判断时间 小时 0 - 23 ; 分钟 0-59 ; 秒钟 0-59
            //  条件代码 ? 执行代码1 : 执行代码2
            // hour = 一行代码(三元运算)
            hour = hour < 0 ? 0 : hour;
            hour = hour > 23 ? 23 : hour;
            // console.log(hour);

            minute = minute < 0 ? 0 : minute;
            minute = minute > 59 ? 59 : minute;
            // console.log(minute);

            second = second < 0 ? 0 : second;
            second = second > 59 ? 59 : second;
            // console.log(second);

            // 控制两位数
            // 值 >= 10  是十位数
            // 值  < 10  是个位数, 前面需要补个 "0"
            var h = hour < 10 ? "0"+hour : hour;
            var m = minute < 10 ? "0"+minute : minute;
            var s = second < 10 ? "0"+second : second;

            // 控制台输出
            console.log(h+":"+m+":"+s);
            document.write(h+":"+m+":"+s);

            // xxx1? xxx2:xxx3 ; 这是固定格式






        
    </script>
    <script>
          // 字符拼接的示例:
                // "a" + 123 = a123
                // "a" +":"+ "123" = a:123
                // "aa" +":"+ "123" = aa:123
                // "12" +":"+ "01" = 12:01
    </script>
</body>
</html>